<template>
  <img :src="imgs['imgA' + props.id]" style="width: 20px;height: 20px;margin-right: 10px;"
    v-if="props.id == props.selectId">
  <img :src="imgs['img' + props.id]" style="width: 20px;height: 20px;margin-right: 10px;"
    v-if="props.id != props.selectId">
</template>

<script lang="ts" setup>
import { ref, onMounted } from 'vue';
import img0 from '@i/menu/0.png'
import imgA0 from '@i/menu/a-0.png'
import img125551250027611136 from '@i/menu/125551250027611136.png'
import imgA125551250027611136 from '@i/menu/a-125551250027611136.png'
import img125551252577747968 from '@i/menu/125551252577747968.png'
import imgA125551252577747968 from '@i/menu/a-125551252577747968.png'
import img125551253583332352 from '@i/menu/125551253583332352.png'
import imgA125551253583332352 from '@i/menu/a-125551253583332352.png'
import img125551255502226432 from '@i/menu/125551255502226432.png'
import imgA125551255502226432 from '@i/menu/a-125551255502226432.png'
// 125551258665780224
import img125551258665780224 from '@i/menu/125551258665780224.png'
import imgA125551258665780224 from '@i/menu/a-125551258665780224.png'
// 125551260335113216
import img125551260335113216 from '@i/menu/125551260335113216.png'
import imgA125551260335113216 from '@i/menu/a-125551260335113216.png'
// 125551264486425600
import img125551264486425600 from '@i/menu/125551264486425600.png'
import imgA125551264486425600 from '@i/menu/a-125551264486425600.png'
// 125551267291366400
import img125551267291366400 from '@i/menu/125551267291366400.png'
import imgA125551267291366400 from '@i/menu/a-125551267291366400.png'
// 125551269271077888
import img125551269271077888 from '@i/menu/125551269271077888.png'
import imgA125551269271077888 from '@i/menu/a-125551269271077888.png'
// 125551272904393728
import img125551272904393728 from '@i/menu/125551272904393728.png'
import imgA125551272904393728 from '@i/menu/a-125551272904393728.png'
// 125551275113743360
import img125551275113743360 from '@i/menu/125551275113743360.png'
import imgA125551275113743360 from '@i/menu/a-125551275113743360.png'
// 125551276345820160
import img125551276345820160 from '@i/menu/125551276345820160.png'
import imgA125551276345820160 from '@i/menu/a-125551276345820160.png'
// 125551278436680704
import img125551278436680704 from '@i/menu/125551278436680704.png'
import imgA125551278436680704 from '@i/menu/a-125551278436680704.png'
// 125551279982281728
import img125551279982281728 from '@i/menu/125551279982281728.png'
import imgA125551279982281728 from '@i/menu/a-125551279982281728.png'
// 125551283176244224
import img125551283176244224 from '@i/menu/125551283176244224.png'
import imgA125551283176244224 from '@i/menu/a-125551283176244224.png'
// 125551287685121024
import img125551287685121024 from '@i/menu/125551287685121024.png'
import imgA125551287685121024 from '@i/menu/a-125551287685121024.png'
// 125551290909492224
import img125551290909492224 from '@i/menu/125551290909492224.png'
import imgA125551290909492224 from '@i/menu/a-125551290909492224.png'
// 125551291984282624
import img125551291984282624 from '@i/menu/125551291984282624.png'
import imgA125551291984282624 from '@i/menu/a-125551291984282624.png'
// 125551296343213056
import img125551296343213056 from '@i/menu/125551296343213056.png'
import imgA125551296343213056 from '@i/menu/a-125551296343213056.png'
// 125551300384424960
import img125551300384424960 from '@i/menu/125551300384424960.png'
import imgA125551300384424960 from '@i/menu/a-125551300384424960.png'
// 125551302925124608
import img125551302925124608 from '@i/menu/125551302925124608.png'
import imgA125551302925124608 from '@i/menu/a-125551302925124608.png'
const imgs = {
  img0,
  imgA0,
  img125551250027611136,
  imgA125551250027611136,
  img125551252577747968,
  imgA125551252577747968,
  img125551253583332352,
  imgA125551253583332352,
  img125551255502226432,
  imgA125551255502226432,
  // 125551258665780224
  img125551258665780224,
  imgA125551258665780224,
  // 125551260335113216
  img125551260335113216,
  imgA125551260335113216,
  // 125551264486425600
  img125551264486425600,
  imgA125551264486425600,
  // 125551267291366400
  img125551267291366400,
  imgA125551267291366400,
  // 125551269271077888
  img125551269271077888,
  imgA125551269271077888,
  // 125551272904393728
  img125551272904393728,
  imgA125551272904393728,
  // 125551275113743360
  img125551275113743360,
  imgA125551275113743360,
  // 125551276345820160
  img125551276345820160,
  imgA125551276345820160,
  // 125551278436680704
  img125551278436680704,
  imgA125551278436680704,
  // 125551279982281728
  img125551279982281728,
  imgA125551279982281728,
  // 125551283176244224
  img125551283176244224,
  imgA125551283176244224,
  // 125551287685121024
  img125551287685121024,
  imgA125551287685121024,
  // 125551290909492224
  img125551290909492224,
  imgA125551290909492224,
  // 125551291984282624
  img125551291984282624,
  imgA125551291984282624,
  // 125551296343213056
  img125551296343213056,
  imgA125551296343213056,
  // 125551300384424960
  img125551300384424960,
  imgA125551300384424960,
  // 125551302925124608
  img125551302925124608,
  imgA125551302925124608,
}
const emits = defineEmits<{
  (emitstr: 'onUpdata', emitData: {}): void
}>()

const props = withDefaults(
  defineProps<{
    id?: number | string;
    selectId?: number | string;
  }>(),
  {
    id: 0,
    selectId: 0,
  }
);
onMounted(() => {
});
</script>

<style scoped lang="less"></style>